<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>无效申请</title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/mui.picker.min.css" />
        <link href="css/style.css" rel="stylesheet" />
        <link href="css/skin.css" rel="stylesheet" />
        <script src="js/flexible.js"></script>
	</head>
	<body style="background: none;">
		<header class="mui-bar mui-bar-nav order-bar">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">无效申请</h1>
		</header>
		<div class="loginfrm orderfrm">
			<form class="mui-input-group">
				<div class="mui-input-row">
					<label>无效类型</label>
					<input type="text" class="inp" value="" placeholder="请选择类型" id="showUserPicker">
				</div>
				<div class="mui-input-row">
					<label>无效原因</label>
					<textarea rows="5" placeholder="无效原因"></textarea>
				</div>
				<div class="mui-button-row">
					<button type="button" class="mui-btn">保 存</button>
				</div>
			</form>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/mui.picker.min.js"></script>
		<script>
			(function() {
				mui.init();
				mui.ready(function() {
					//普通示例
					var userPicker = new mui.PopPicker();
					userPicker.setData([{
						value: '0',
						text: '对门店服务不满'
					}, {
						value: '1',
						text: '对电话客服服务不满'
					}, {
						value: '2',
						text: '对方案不满'
					}]);
					var showUserPickerButton = document.getElementById('showUserPicker');
					showUserPickerButton.addEventListener('tap', function(event) {
						userPicker.show(function(items) {
							//console.log(JSON.stringify(items[0]));
							showUserPickerButton.value=items[0].text
							//返回 false 可以阻止选择框的关闭
							//return false;
						});
					}, false);
					
				});
			})();
		
			
		</script>
	</body>
</html>
